<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品详情页</title>
		<!-- 引入标题的logo -->
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" type="text/css" href="./lib/swiper/css/swiper-bundle.min.css" />
		<link rel="stylesheet" href="./lib/Validform/css/style.css">
		<link rel="stylesheet" href="./css/header.css">
		<link rel="stylesheet" href="./css/footer.css">
		<link rel="stylesheet" href="./css/right-nav.css">
		<link rel="stylesheet" href="./css/goods-details.css">
		<script src="lib/JQuery/jquery-3.5.1.min.js"></script>
		<script src="lib/swiper/js/swiper-bundle.min.js"></script>
		<script src="lib/validform/js/Validform_v5.3.2_min.js"></script>
		<script src="lib/layer/layer.js"></script>
		<script src="js/right-nav.js"></script>
		<script src="js/header.js"></script>
		<script src="js/goods-details.js"></script>
	</head>
	<body>
		<div class="logo"><img src="img/shop/ia_100000001.jpg" alt=""></div>
		<!-- 第一个头部 -->
		<div class="header">
			<div class="header-w w">
				<ul class="fl clear-fix header-l">
					<li class="fl"><a href="index.html">联想首页</a></li>
					<li class="fl"><a href="shop.html">商城</a></li>
					<li class="fl"><a href="javascript:;">服务</a></li>
					<li class="fl"><a href="javascript:;">会员</a></li>
					<li class="fl"><a href="javascript:;">社区</a></li>
					<li class="fl"><a href="javascript:;">门店</a></li>
					<li class="fl"><a href="javascript:;">品牌</a></li>
					<li class="fl"><a href="javascript:;">下载app</a></li>
				</ul>
				<ul class="fr clear-fix header-r">
					<li class="fl register"><a href="register.html">注册</a>
						<div class="register-cover">
							<div class="register-img"><img src="img/shop/ia_100000199.png" alt=""></div>
							<div class="register-introduce">注册送688元大礼包</div>
							<div class="gift"><img src="img/shop/ia_100000003.png" alt=""></div>
						</div>
					</li>
					<li class="fl"><a href="javascript:;"></a></li>
					<li class="fl login"><a href="javascript:;">登录</a></li>
				</ul>
				<div class="phone">
					<div class="phone-img"><img src="img/shop/ia_100000025.png" alt=""></div>
					<div class="phone-code"><img src="img/shop/phone-img.png" alt=""></div>
				</div>
			</div>
		</div>
		<!-- 第二个头部 -->
		<div class="nav">
			<div class="nav-w w clear-fix">
				<ul class="fl clear-fix">
					<li class="fl"><a href="javascript">新品</a></li>
					<li class="fl"><a href="javascript">定制</a></li>
					<li class="fl"><a href="javascript">合伙人</a></li>
					<li class="fl"><a href="javascript">以旧换新</a></li>
					<li class="fl"><a href="javascript">0元试用</a></li>
					<li class="fl"><a href="javascript">乐豆购</a></li>
					<li class="fl"><a href="javascript">学生</a></li>
					<li class="fl"><a href="javascript">直播</a></li>
					<li class="fl"><a href="javascript">企业购</a></li>
					<li class="fl"><a href="javascript">0元购</a></li>
				</ul>
				<div class="search fr">
					<input type="text" placeholder="正当红一起来">
					<div class="search-img"><a href="javascript:;"><img src="img/shop/ia_100000202.png" alt=""></a>
					</div>
				</div>
				<ul class="fr clear-fix header-r">
					<li class="fl register"><a href="javascript:;">注册</a>
						<div class="register-cover">
							<div class="register-img"><img src="img/shop/ia_100000199.png" alt=""></div>
							<div class="register-introduce">注册送688元大礼包</div>
							<div class="gift"><img src="img/shop/ia_100000003.png" alt=""></div>
						</div>
					</li>
					<li class="fl"><a href="javascript:;"></a></li>
					<li class="fl login"><a href="javascript:;">登录</a></li>
				</ul>
				<div class="phone">
					<div class="phone-img"><img src="img/shop/ia_100000025.png" alt=""></div>
					<div class="phone-code"><img src="img/shop/phone-img.png" alt=""></div>
				</div>
			</div>
		</div>
		<div class="nav-subnav">
			<div class="subnav-w w clear-fix">
				<ul class="clear-fix fl">
					<li class="fl"><a href="index.html">首页</a></li>
					<li class="fl">&gt;</li>
					<li class="fl">商品详情</li>
					<li class="fl">&gt;</li>
					<li class="fl">【联想618福袋】98元抢超值好物（随机获得129元-329元商品1件)</li>
				</ul>
				<div class="fr cs">
					<a href="javascript:;"><img src="./img/goods-details/cs.png" alt="">
						<div class="cs-introduce">联系客服</div>
					</a>
				</div>
			</div>
		</div>
		<div class="details-main">
			<div class="main-w w clear-fix">
				<div class="main-img fl">
					<div class="swiper-container gallery-top details-banner">
						<div class="swiper-wrapper">
							<div class="swiper-slide"
								style="background:url(./img/goods-details/ia_200000053.jpg) no-repeat"></div>
							<div class="swiper-slide" style="background:url(./img/goods-details/furture.jpg) no-repeat">
							</div>
						</div>
					</div>
					<div class="swiper-container gallery-thumbs details-small">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><a  href="javascript:;"
								style="background:url(./img/goods-details/ia_200000054.jpg) no-repeat"></a>
							</div>
							<div class="swiper-slide"><a href="javascript:;"
								style="background:url(./img/goods-details/ia_200000055.jpg) no-repeat"></a>
							</div>
						</div>
						<!-- Add Arrows -->
						<div class="swiper-button-next"></div>
						<div class="swiper-button-prev"></div>
					</div>
				</div>
			    <div class="main-content fr">
					<h1>【联想618福袋】98元抢超值好物（随机获得129元-329元商品1件)</h1>
				</div>
			</div>
		</div>
	</body>
</html>
